body {
    background-color: #EAEAEA;
    min-width: 1300px;
    padding: 0;
    margin: 0;
}

.header_bar {
    width     : 100%;
    min-width : 1280px;
    height    : 64px;
    background-color: #184EF5;
}

.header_container{
    width: 1280px;
    min-width: 1280px;
    margin: auto;
    height: 64px;
}

.logo {
    height: 64px;
    width: 64px;
    float: left;
}

#wrapper {
    background-color: #EAEAEA;
    width: 1280px;
    min-width: 1280px;
    height: 700px;
    margin: auto;
    position: absolute;
    z-index: 100;
}

.toolbar {
    width: 100%;
    height: 32px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.header_left {
    width      : auto;
    height     : 100%;
    float      : left;
}

.header_right {
    width       : auto;
    height      : 100%;
    float       : right;
}

#displayed_month {
    float      : left;
    width      : auto;
    height     : 32px;
    line-height: 32px;
    margin-left: 10px;
    color      : #184EF5;
    font-size  : 180%;
}

.previous, .next, .mode_month, .mode_week, .mode_day, .mode_schedule {
    float           : left;
    width           : 32px;
    height          : 32px;
    background-image: url('../Images/Toolbar.png');
    cursor          : pointer;
}

.previous:hover, .next:hover, .mode_month:hover, .mode_week:hover, .mode_day:hover, .mode_schedule:hover {
    -moz-box-shadow   : 0px 0px 4px 1px #4B8DF7;
    -webkit-box-shadow: 0px 0px 4px 1px #4B8DF7;
    box-shadow        : 0px 0px 4px 1px #4B8DF7;
}

.previous {
    background-position: 0 0;
}

.next {
    background-position: -32px 0;
    margin-left        : 5px;
}

.mode_month {
    background-position: -64px 0;
}

.mode_week {
    background-position: -96px 0;
    margin-left        : 5px;
}

.mode_day {
    background-position: -128px 0;
    margin-left        : 5px;
}

.mode_schedule {
    background-position: -160px 0;
    margin-left        : 5px;
}

#calendar_header {
    width: 100%;
    height: 35px;
    border-bottom: 3px solid #184EF5;
    line-height: 35px;
}

ul.week_date {
    list-style-type: none;
    color: #184EF5;
    width: 100%;
    font-size: 150%;
    display: inline-block;
    height: 32px;
    margin-left: -40px;
    margin-top: 0;
}

ul.week_date li {
    float: left;
    width: 180px;
    text-align: center;
    border-left: 2px solid #EAEAEA;
}

ul.week_date li:first-child {
    width: 182px;
    color: #EA2333;
}

ul.week_date li:last-child {
    border-right: 2px solid #EAEAEA;
    width: 182px;
    color: #FF7537;
}

.calendar_wrapper {
    width : 100%;
}

.content {
    width   : 1280px;
    height  : 730px;
    margin  : 0 10px 0 6px;
    overflow: auto;
    padding-left: 4px;
    padding-bottom: 5px;
}

.rectangle, .rectangle_null {
    float     : left;
    text-align: center;
    border: 1px solid #AAC2F7;
    width: 180px;
    height: 90px;
    line-height: 90px;
    position: relative;
}

.rectangle {
    color: #184EF5;
}

.rectangle_null {
    color: #AAC2F7;
}

.rectangle:hover, .rectangle_null:hover {;
    -moz-box-shadow   : 0px 0px 4px 1px #4B8DF7 !important;
    -webkit-box-shadow: 0px 0px 4px 1px #4B8DF7 !important;
    box-shadow        : 0px 0px 4px 1px #4B8DF7 !important;
    z-index: 1;
    /*background-color: #D3E2F3 !important;*/
    cursor: pointer;
}

.rectangle_week {
    float: left;
    width: 180px;
    height: 1488px;
    border-left: 2px solid #AAC2F7;
    border-bottom: 2px solid #AAC2F7;
}

.rectangle_day {
    float: left;
    width: 1276px;
    height: 1488px;
    border: 2px solid #AAC2F7;
}

.rectangle_time {
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #F79AB1;
    border-bottom: 1px solid #AAC2F7;
}

.rectangle_time:hover {
    background-color: #B0C4DE;
    cursor: pointer;
}

.day {
    width     : 100%;
    position  : relative;
    font-size : 200%;
    text-align: center;
}

/*.day_current {*/
    /*background-color: #D3E2F3;*/
/*}*/

.lunar {
    width       : 30px;
    height      : 20px;
    position    : relative;
    margin-top  : -80px;
    margin-right: 20px;
    float       : right;
    text-align  : center;
    color       : #AAC2F7;
}

.day_header {
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #184EF5;
    font-size: 150%;
}

#schedule {
    visibility: hidden;
    height: 600px;
    width: 1280px;
    overflow-x: scroll;
    overflow-style: panner;
}

.schedule_header_wrapper {
    width: 5112px;
    /*height: 35px;*/
}

.schedule_header {
    width: 106.5px;
    border-bottom: 3px solid #184EF5;
    color: #F79AB1;
    text-align: center;
    font-size: 150%;
    float: left;
    height: 32px;
}

.schedule_content_wrapper {
    width: 5112px;
    height: 545px;
    float: left;
}

.schedule_content {
    width: 104.5px;
    border-left: 2px solid #AAC2F7;
    border-bottom: 2px solid #AAC2F7;
    height: 543px;
    float: left;
}

.schedule_content:hover {
    cursor: pointer;
    background-color: #B0C4DE;
}

.cover
{
	opacity: 0.5; 
	background: gray; 
	position: absolute;
	z-index: 200;
	width: 1280px;
    min-width: 1280px;
    height: 700px;
    margin: auto;
}

.popup_frame
{
	position: relative;
	width: 400px;
	height: auto;
	z-index: 1000;
	visibility: hidden;
	background-color: White;
}

.popup_header
{
	width: 400px;
	height: 30px;
	background-color: #184EF5;
	text-align: left;
	font-size: 120%;
	text-indent: 5px;
	line-height: 28px;
}

.popup_normal_content
{	
	margin: 10px 0 0 10px;
	height: 145px;
}

.popup_normal_content .control
{
	margin-bottom: 5px;
	display: inline-block;
	width: 100%;
}

.popup_normal_content .control .control_label
{
	float: left;
}

.popup_normal_content .control .control_input
{
	float: right;
	padding-right: 10px;
}

.popup_advance_content
{	
	margin: 10px 0 0 10px;
	height: auto;
	display: none;
}

.popup_advance_content .control
{
	margin-bottom: 5px;
	display: inline-block;
	width: 100%;
}

.popup_advance_content .control .control_label
{
	float: left;
}

.popup_advance_content .control .control_input
{
	float: right;
	padding-right: 10px;
}

.popup_button 
{
	height: 40px;
	padding-bottom: 10px;
}
.popup_button .rectangle
{
	width: 80px;
	height: 40px;
	height:auto;
	margin: 0px 10px;
	float: right;
	line-height: 38px;
}

.popup_button .rectangle:hover
{
	background-color: #184EF5;
	color: White;
}

 #btnPopupStt
{
	float: left;
	margin: 10px 10px;
}

/* ------------ Log in form ------------- */
#loginForm
{
	position: absolute;
	top: 50%;
	left: 50%;
	height: 300px;
	margin-top: -75px;/* height/2 */
	width: 300px;
	margin-left: -110px; /* width/2 */
}

#loginForm table 
{
	margin: 10px;
	font-size: 30px;
	color: Blue;	
}